<template>
  <div class="hottype1">
    <p class="type1_title">{{itemdata.sys_publisher !== 1 ? itemdata.title : itemdata.content}}</p>
    <div class="type1_bottom">
      <div v-if="itemdata.set_top">顶置</div>
      <span>{{itemdata.author.nickname}}</span>
      <span>{{itemdata.all_comment_count}}评论</span>
      <span>{{itemdata.create_time}}</span>
    </div>
  </div>
</template>

<script>
export default {
  props: ['itemdata'],
  created () {
    console.log(this.itemdata)
  }
}
</script>

<style lang="scss">
.hottype1{
  padding: .16rem 0 .16rem;
  border-bottom: .02rem solid #f0f0f0;
  .type1_title{
    color: #333333;
    font-size: .32rem;
    font-weight: bold;
    margin-bottom: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .type1_bottom{
    display: flex;
    align-items: flex-end;
    div{
      color: #ff2a1f;
      font-size: .24rem;
      margin-right: .24rem;
    }
    span{
      color: #999999;
      font-size: .24rem;
      margin-right: .24rem;
    }
  }
}
</style>
